﻿<!DOCTYPE html>
<html>
  <head>
    <title>2-2 助眠功能</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2-2_助眠功能/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2-2_助眠功能/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机界面) -->

      <!-- 手机界面 (动态面板) -->
      <div id="u896" class="ax_default" data-label="手机界面">
        <div id="u896_state0" class="panel_state" data-label="State1" style="">
          <div id="u896_state0_content" class="panel_state_content">

            <!-- iPhone 8 (组 合) -->
            <div id="u897" class="ax_default" data-label="iPhone 8" data-left="0" data-top="0" data-width="430" data-height="880">

              <!-- iPhone 8 (图片) -->
              <div id="u898" class="ax_default" data-label="iPhone 8">
                <img id="u898_img" class="img " src="images/闹钟交互原型/iphone_8_u172.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u899" class="ax_default box_1">
                <div id="u899_div" class=""></div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u900" class="ax_default box_11">
              <div id="u900_div" class=""></div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u901" class="ax_default _图片">
              <img id="u901_img" class="img " src="images/闹钟交互原型/u175.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u902" class="ax_default box_2">
              <div id="u902_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u903" class="ax_default box_3">
        <div id="u903_div" class=""></div>
      </div>

      <!-- LoopPanel (动态面板) -->
      <div id="u904" class="ax_default" data-label="LoopPanel">
        <div id="u904_state0" class="panel_state" data-label="State1" style="">
          <div id="u904_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u904_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u904_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Clock (矩形) -->
      <div id="u905" class="ax_default label" data-label="Clock">
        <div id="u905_div" class=""></div>
        <div id="u905_text" class="text ">
          <p><span>10:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u906" class="ax_default _二级标题 selected" selectiongroup="Tab">
        <div id="u906_div" class="selected"></div>
        <div id="u906_text" class="text ">
          <p><span>自然音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u907" class="ax_default _二级标题" selectiongroup="Tab">
        <div id="u907_div" class=""></div>
        <div id="u907_text" class="text ">
          <p><span>助眠曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u908" class="ax_default _二级标题" selectiongroup="Tab">
        <div id="u908_div" class=""></div>
        <div id="u908_text" class="text ">
          <p><span>冥想</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u909" class="ax_default _二级标题" selectiongroup="Tab">
        <div id="u909_div" class=""></div>
        <div id="u909_text" class="text ">
          <p><span>故事</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u910" class="ax_default icon">
        <img id="u910_img" class="img " src="images/闹钟交互原型/u229.png"/>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u911" class="ax_default">
        <div id="u911_state0" class="panel_state" data-label="State1" style="">
          <div id="u911_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u912" class="ax_default image">
              <img id="u912_img" class="img " src="images/助眠/u386.jpg"/>
            </div>
          </div>
        </div>
        <div id="u911_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u911_state1_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u913" class="ax_default image">
              <img id="u913_img" class="img " src="images/助眠/u387.jpg"/>
            </div>
          </div>
        </div>
        <div id="u911_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u911_state2_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u914" class="ax_default image">
              <img id="u914_img" class="img " src="images/助眠/u388.jpg"/>
            </div>
          </div>
        </div>
        <div id="u911_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u911_state3_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u915" class="ax_default image">
              <img id="u915_img" class="img " src="images/助眠/u389.jpg"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u916" class="ax_default sticky_1">
        <div id="u916_div" class=""></div>
        <div id="u916_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">1.</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">在睡眠界面点击“助眠”将会跳转到“助眠功能界面”，设有自然音、助眠曲、冥想、故事模块可让用户自己选择。</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2.用户可通过点击上方的Tab栏标签实现模块切换，并且点击音乐即可播放。</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u917" class="ax_default _一级标题">
        <div id="u917_div" class=""></div>
        <div id="u917_text" class="text ">
          <p><span>助眠功能</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
